<!DOCTYPE html>
<html>
<head>
  <title>今日即时数据</title>
  @@include('./head_min.html')
  <link rel="stylesheet" type="text/css" href="../css/checkbox.css" />
<body>
  <!--header-->
  <div class="navbar navbar-inverse navbar-data navbar-fixed-top" id="menu">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="javascript:history.go(-1);"> <i class="fa fa-chevron-left"></i>
        </a>
        <a class="navbar-brand" href="index.html">后台数据管理系</a>
      </div>
      <div class="navbar-collapse collapse ">
        <ul class="nav navbar-nav navbar-right">
          <li>
            <a href="data.html">实时数据</a>
          </li>
          <li>
            <a href="data_rencently.html">近期概况</a>
          </li>
          <li>
            <a href="data_to_yes.html">截止昨日</a>
          </li>
          <li>
            <a href="data_today.html">今日即时数据</a>
          </li>
          <li>
            <a href="data_day.html">单日汇总数据</a>
          </li>
          <li>
            <a href="data_repair.html">数据检查与修复</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- /header -->
  <div class="wrapper">
    <div class="container">
      <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
        <div class="panel panel-info">
          <div class="panel-heading" role="tab" id="headingTwo">
            <h4 class="panel-title">
              <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"><i class="fa fa-database"></i>
                19:00数据展示
                <span href="javascript:void(0)" class="pull-right btn btn-xs btn-warning"><i class="fa fa-hand-o-right"></i>所有时间点</span>
              </a>
            </h4>
          </div>
          <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
            <div class="panel-body">
              <div class="col-sm-12">
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >01:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >02:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >03:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >04:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >05:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >06:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >07:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >08:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >09:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >10:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >11:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >12:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >13:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >14:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >15:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >16:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >17:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >18:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >19:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >20:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >21:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >22:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" />
                  <label >23:00</label>
                </div>
                <div class="radio radio-danger clearfix">
                  <input type="radio" name="radio1" checked  />
                  <label >24:00</label>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--第一个-->
      <div class="panel panel-danger panleMargin">
        <div class="panel-heading bold"><i class="fa fa-cog"></i>今日即时数据</div>
        <div class="panel-body">
          <div class="col-sm-12"></div>
          <!--table-->
          <table class="table table-bordered">
            <caption class="text-center bold padding10">12:00数据展示</caption>
            <thead>
              <tr>
                <th>项目名</th>
                <th>日期</th>
                <th>充值</th>
                <th>注册设备</th>
                <th>登陆设备</th>
                <th>在线角色</th>
              </tr>
            </thead>
            <tbody>
              <tr class="danger">
                <td>武林外传</td>
                <td>585522</td>
                <td> <i class="fa fa-yen font-danger"></i>
                  555
                </td>
                <td>55554</td>
                <td>565665</td>
                <td>25969</td>
              </tr>
              <tr class="">
                <td>御龙三国</td>
                <td>585522</td>
                <td>
                  <i class="fa fa-yen font-danger"></i>
                  555
                </td>
                <td>55554</td>
                <td>565665</td>
                <td>25969</td>
              </tr>
              <tr class="success">
                <td>皮卡丘</td>
                <td>585522</td>
                <td>
                  <i class="fa fa-yen font-danger"></i>
                  555
                </td>
                <td>55554</td>
                <td>565665</td>
                <td>25969</td>
              </tr>
              <tr class="">
                <td>夏日甜心</td>
                <td>585522</td>
                <td>
                  <i class="fa fa-yen font-danger"></i>
                  555
                </td>
                <td>55554</td>
                <td>565665</td>
                <td>25969</td>
              </tr>
              <tr class="warning">
                <td>三国1</td>
                <td>585522</td>
                <td>
                  <i class="fa fa-yen font-danger"></i>
                  555
                </td>
                <td>55554</td>
                <td>565665</td>
                <td>25969</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <!--导航条-->
  @@include('./footer.html')
  <script src="../js/echarts.min.js"></script>
  <script src="../js/jquery.min.js"></script>
  <script src="../js/bootstrap.min.js"></script>
 <script src="../js/index.js"></script>
</body>
</html>
